<template>
  <section class="card-title">
      <span class="date-icon" @click="showCalendar"><img src="./caladar-icon.jpg" /></span>
      <span class="card-title-txt">{{ title }}</span>
      <span class="card-title-more">更多 ></span>
  </section>
</template>

<script>
export default {
  name:'card-title',
  props: ['title'],
  data(){
    return {

    }
  },
  created(){

  },  
  methods:{
    showCalendar(){
      this.$emit('showCalendar')
    }
  },
  computed:{

  }
}
</script>

<style scoped lang="scss">
  .card-title{
    width:100%;height:66px;line-height:66px;text-align: center;font-size:18px;color:#fff;background-color:#c9242b;position:relative;
    .date-icon{
        width:26px;height:26px;position:absolute;top:6px;left:15px;cursor:pointer;
    }
    .card-title-more{
        font-size:18px;position:absolute;right:15px;cursor:pointer;
    }
  }
</style>